

<!DOCTYPE html>
<html style="background-color: #e2e2e2;">
<head>
  <meta charset="utf-8">
  <meta name="keywords" content="培训系统">
  <meta name="description" content="培训系统">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>培训系统</title>
  <link rel="stylesheet" href="../lib/layui/css/layui.css">
  <link rel="stylesheet" href="../lib/css/global.css">
  <style>
    .my-title {
      color: #393D49;
    }
    .my-title:hover {
      color: #eb7350;
      border-bottom:2px solid #eb7350;
    }
    .my-title:hover {
      color: #eb7350;
      border-bottom:2px solid #eb7350;
    }
    .layui-nav-my li{
      font-size: 16px;
      line-height: 1.5em;
      color: #2E2D3C;
      margin-left: 1em;
    }
    #hotCoust li{
      font-size: 16px;
      line-height: 2em;
      color: #2E2D3C;
      margin-left: 1em;
    }
    #hotCoust:hover{

    }
  </style>
</head>
<body class="fly-full">

<div class="fly-header" style="background-color: #ffffff;border: 0px;">
  <div class="layui-container">
    <ul class="layui-nav fly-nav-user">
      <!-- 未登入的状态 -->
      <li class="layui-nav-item">
        <a class="iconfont icon-touxiang layui-hide-xs" href="javascript:0;"></a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:0;" style="color: orangered">登入</a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:0;" style="color:#393D49;">前往后台</a>
      </li>
    </ul>
  </div>
</div>

<div class="layui-container" style="position: relative;margin-top: 1em;">
  <div class="layui-row">
    <div class="layui-col-xs8">
      <div class="layui-row">
        <div class="layui-col-xs12" style="background-color: #ffffff">
          <div class="layui-card">
            <div class="layui-card-header">课程列表</div>
            <div class="layui-card-body">
              <ul class="fly-list">
                <li>
                  <a  class="fly-avatar">
                    <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                  </a>
                  <h2>
                    <a class="layui-badge">分享</a>
                    <a >基于 layui 的极简社区页面模版</a>
                  </h2>
                  <div class="fly-list-info">
                    <a >
                      <cite>贤心</cite>
                      <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                      <i class="layui-badge fly-badge-vip">VIP3</i>
                    </a>
                    <span>刚刚</span>

                    <span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
                    <span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>
                    <span class="fly-list-nums">
                <i class="iconfont icon-pinglun1" title="回答"></i> 66
              </span>
                  </div>
                  <div class="fly-list-badge">
                    <span class="layui-badge layui-bg-black">置顶</span>
                    <span class="layui-badge layui-bg-red">精帖</span>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-col-xs3" id="hotCoust" style="margin-left: 2em">
      <div class="layui-card">
        <div class="layui-card-header">最新课程</div>
        <div class="layui-card-body">
          <div class="layui-tab">
            <ul>
              <li class="">标题一</li>
              <li class="">标题二</li>
              <li class="">标题三</li>
              <li class="">标题一</li>
              <li class="">标题二</li>
              <li class="">标题三</li>
            </ul>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">热门课程</div>
        <div class="layui-card-body">
          <div class="layui-tab">
            <ul>
              <li>标题一</li>
              <li>标题二</li>
              <li>标题三</li>
              <li>标题一</li>
              <li>标题二</li>
              <li>标题三</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="fly-footer" style="background-color: #ffffff;border: 0px;">
  <p><a href="javascript:0;" target="_blank">IT社区</a> 2021 &copy; <a href="javascript:0;" target="_blank">行政管理部 人力资源部 联合 出品</a></p>
  <p>
    <a href="javascript:0;" target="_blank">国资公司</a>
    <a href="javascript:0;" target="_blank">IT条线</a>
  </p>
</div>

<script src="../lib/layui/layui.js"></script>
<script>

layui.use(['carousel', 'form'], function(){
  var carousel = layui.carousel;

});
</script>
</body>
</html>
